今天終於23天還有7天，不過真的快要沒梗了，所以我今天打算又是用一個簡單mixin，打混拖過一天(X，下面就快速進入範例，今天就是很簡單定位專用一個mixin

@mixin position($top: auto, $left: auto, $bottom: auto, $right: auto) {
  position: absolute;
  // 如果是 auto 就不要做
  // 如果不是 auto 就要做
  @if $top != auto {
    top: $top;
  }
  @if $left != auto {
    left: $left;
  }
  @if $bottom != auto {
    bottom: $bottom;
  }
  @if $right != auto {
    right: $right;
  }
}

div {
  @include position(auto, 40px, 80px);
}

div {
  position: absolute;
  left: 40px;
  bottom: 80px;
}

這個使用的方式非常簡單，就是我們如果如果使用auto，可以跳過$top這個區塊的值，一般如果我們正常如果使用只有40px,80px兩個值，他只會編譯到前兩個只會有top跟left有會正常編譯，如果我們可能這次定位需要使用到，左方跟下方的話，就可以使用auto，讓我們可以順利跳過第一個值，這樣一來剩下順序會依照我們填入的值，去做編譯出來這樣可以說是非常的方便，基本上在設計上這個mixin通常我們前面前兩個數值，是我們比較常用所以優先設定這兩個，一來會比較吻合使用上的慣性，二來也這樣就因為我有寫了預設值，也不需要每個都填寫mixin所需要的輸入值，這樣一來可以偷懶一下